<template>
  <div class="article-list-view">
    <div class="head">
      <div class="title">
        学科通知
      </div>
      <div class="more">更多<img :src="moreIcon"/></div>
    </div>
    <ul>
      <li v-for="(item,index) in list" v-if="index <= 9">{{item.title}}</li>
    </ul>
  </div>

</template>

<script>
import moreIcon from './image/more_icon.png'
import linkImg1 from './image/link_icon1.png'
import linkImg2 from './image/link_icon2.png'
import linkImg3 from './image/link_icon3.png'
import linkImg4 from './image/link_icon4.png'
import linkImg5 from './image/link_icon5.png'
import linkImg6 from './image/link_icon6.png'
// import TeacherInfo from '../teacher-brief-info/teacher-brief-info'
export default {
  name: "home-trends-block",
  components: {
    // TeacherInfo
  },
    props:{
        list:Array
    },
  data() {
    return {
      moreIcon,
      imgList: [linkImg1, linkImg2, linkImg3, linkImg4, linkImg5, linkImg6]
    }
  },
    methods:{
        /**
         * 调用父组件方法 跳转更多
         */
        jumpMorePage(){
            this.$parent.toMore('tztg')
        }
    }
}
</script>

<style lang="scss" src="./index.scss" scoped>

</style>
